import $styles from './index.module.scss'
import { context } from '../../store'
import { useContext } from 'react';
import { Button } from 'antd-mobile'

const Test = () => {
  const { state: { count }, dispatch } = useContext(context)
  return (
    <div className={$styles.testView}>
      <h4>
        test children
      </h4>
      <Button type='primary' inline onClick={() => { dispatch({ type: 'set_count', value: count - 1 })}}>-1</Button>
      <Button type='primary' inline onClick={() => { dispatch({ type: 'set_count', value: count + 1 }) }}>+1</Button>
      <div className={$styles.wrap}>
        <div className={$styles.testScroll}>滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画滚动动画</div>
      </div>
    </div>
  );
};

export default Test